<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>事件机制</title>
</head>
<body>
	<div id="app">
		<button>添加</button>
	</div>
	<script type="text/javascript">
		//1. 获取dom对象[事件源]
		var btn_add = document.querySelectorAll("button")[0];
		//2. 绑定事件处理函数，事件处理函数在事件发生之后由浏览器来调用，浏览器在调用的时候会产生一个事件对象传递给事件处理函数
		//通过属性绑定		
		function handler(event){
			console.log(event);
			alert("hello world");
		}
		// btn_add.onclick = handler;
		//通过函数绑定
		btn_add.addEventListener("click",handler,false);
		btn_add.addEventListener("click",function(event){
			console.log(event);
			alert("hello world");
		},false)
	</script>
	</script>
</body>
</html>